<script setup>

import { DocumentChecked, Management, Memo, Setting, User,} from "@element-plus/icons-vue";
import router from "../router/index.js";
</script>

<template>
 
  <el-aside class="System" width="220px">
    <el-header>管理员后台系统</el-header>
    <el-menu :defalut-openeds="['1','3']">
          <el-scrollbar max-height="1000px">
          <el-sub-menu class="sub-menu1" index="1">
            <template #title>
              <el-icon ><Memo /></el-icon>管理学生信息
            </template>
            <el-menu-item-group>
              <el-menu-item index="1-1" @click="router.push({name:'adm_scourse'})">学生选课信息</el-menu-item>
              <el-menu-item index="1-2" @click="router.push({name:'adm_sinfo'})">学生个人信息</el-menu-item>
              <el-menu-item index="1-3" @click="router.push({name:'adm_addStu'})">添加学生信息</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
          <el-sub-menu class="sub-menu2" index="2">
            <template #title>
              <el-icon><DocumentChecked /></el-icon>管理教师信息
            </template>
            <el-menu-item-group>
              <el-menu-item index="2-1" @click="router.push({name:'adm_tcourse'})">教师授课信息</el-menu-item>
              <el-menu-item index="2-2" @click="router.push({name:'adm_confirmTeaCourse'})">审批授课申请</el-menu-item>
              <el-menu-item index="2-3" @click="router.push({name:'adm_tinfo'})">教师个人信息</el-menu-item>
              <el-menu-item index="2-4" @click="router.push({name:'adm_addTea'})">添加教师信息</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
          <el-sub-menu class="sub-menu3" index="3">
            <template #title>
              <el-icon><Management /></el-icon>管理课程信息
            </template>
            <el-menu-item-group>
<!--              <el-menu-item index="3-1" @click="router.push({name:'adm_copen'})">开课设置</el-menu-item>-->
              <el-menu-item index="3-1" @click="router.push({name:'adm_cinfo'})">课程信息</el-menu-item>
              <el-menu-item index="3-2" @click="router.push({name:'adm_cstudent'})">课程学生信息</el-menu-item>
              <el-menu-item index="3-3" @click="router.push({name:'adm_addCourse'})">添加课程信息</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
<!--          <el-sub-menu class="sub-menu4" index="4">-->
<!--            <template #title>-->
<!--              <el-icon><User/></el-icon>开课设置-->
<!--            </template>-->
<!--            <el-menu-item-group>-->
<!--              <el-menu-item index="3-1" @click="router.push({name:'adm_personal'})">更改个人信息</el-menu-item>-->
<!--            </el-menu-item-group>-->
<!--          </el-sub-menu>-->
          <el-sub-menu class="sub-menu5" index="5">
            <template #title>
              <el-icon><Setting/></el-icon>系统界面设置
            </template>
            <el-menu-item-group>
              <el-menu-item index="4-1" @click="router.push({name:'adm_setting'})">更改界面主题</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
        </el-scrollbar>
        </el-menu>

    </el-aside>
  
</template>

<style>
.System {
  position: fixed;
  height: 90%;
  border-radius: 15px;
  top: 100px;
  left: 15px;
  background-color: rgb(164, 204, 228);
  font-size: larger;
  .el-header {
    background-color: #abc4e5;
    font-weight: 500;
    color: #000000;
    line-height: 60px;
  }
  .sub-menu1{
    background-color: rgb(213, 230, 239);
  }
  .sub-menu2{
    background-color: rgb(213, 230, 239);
  }
  .sub-menu3{
    background-color: rgb(213, 230, 239);
  }
  .sub-menu4{
    background-color: rgb(213, 230, 239);
  }
  .sub-menu5{
    background-color: rgb(213, 230, 239);
  }
}
</style>